<%@ include file="/WEB-INF/pages/common/taglibs.jsp" %>

    <script type="text/javascript">
	    function login(){
	        var currentForm = document.forms["loginForm"];
	        currentForm.elements["userModel.userId"].value = currentForm.elements["userModel.userId"].value.trim();
	        currentForm.elements["userModel.userPassword"].value = currentForm.elements["userModel.userPassword"].value.trim();
	        if(isEmpty(currentForm.elements["userModel.userId"].value)){
	            alert('<s:text name="label.userId.required"/>');
	            return;
	        }
	        if(isEmpty(currentForm.elements["userModel.userPassword"].value)){
	            alert('<s:text name="label.password.required"/>');
	            return;
	        }
	        submitForm("loginForm", "login.action");
	    }

	    function changePassword(){
	        submitForm("loginForm", "viewChangePassword.action");
	    }
	</script>

<s:form action="" name="loginForm" >
<table cellSpacing=0 cellPadding="0" width="100%" border="0">
  <tr>
    <td vAlign="top" width="104" rowSpan="2"></td>
    <td width="20" rowSpan="2">
    	<img src="<s:url value='/images/white.jpg'/>" width="40" border="0">
	</td>
    <td vAlign="top" align="left" width="139" colSpan="4"><br><br><br></td>
    <td vAlign="top" align="right" width="164" rowSpan="2">
    	<img src="<s:url value='/images/laptop.gif'/>" height="288" width="161" border="0">
    </td>
    </tr>
  <tr>
 	<td vAlign="top" align="center" width="74">
 		<img src="<s:url value='/images/singirl.jpg'/>" height="230" width="74" border="0">
	</td>
    <td width="10">
    	<img src="<s:url value='/images/white.jpg'/>" height=67 width="40" border="0">
    </td>
	<td vAlign="top" align="left" width="100%" colSpan=2>
      <P class=Header2 align=left></P>
      <table width="100%" border=0>
        <tr>
          <td colSpan=2>
          	<img src="<s:url value='/images/systemlogo.jpg'/>">
          </td>
        </tr>
        <tr>
          <td width="26%" align="right"  class="form_label_padded"><strong><s:text name="label.userName"/>:</strong></td>
          <td width="74%" >
          	<s:textfield name="userModel.userId" maxLength="25" cssStyle="width:180px" />
          </td>
        </tr>
        <tr>
          <td width="26%" align="right" class="form_label_padded"><strong><s:text name="label.userPassword"/>:</strong></td>
          <td width="74%"  >
			<s:password name="userModel.userPassword" maxLength="25" cssStyle="width:180px" />
	      </td>
        </tr>
      </table>
      <P>
        <input type="button" class="button" value="<s:text name='label.login'/>" onclick="login();" />
        <input type="button" class="button" value="<s:text name='label.change.password'/>" onclick="changePassword();" />
	  <br>
      </P>
      </td></tr>
</table>
</s:form>















